<template>
    <div class="m-evaluetion">
        <div>
            <img :src="evaluate.headimgurl || require('@/assets/images/p_02.jpg')" alt="">
            {{evaluate.user_name || '美业通用户'}}
        </div>
        <p>{{evaluate.evaluation_content}}</p>
    </div>
</template>
<script>
export default {
    name:'',
    props:['evaluate'],
    data () {
        return {

        }
    }
}
</script>
<style lang="less" scoped>
.m-evaluetion{
    border-bottom: 1px solid @background-gray;
    padding: 0.4rem 0;
    img{
        width: 1.6rem;
        height: 1.6rem;
        .border-radius(100%);
        margin-right: .4rem;
        vertical-align: middle;
    }
    p{
        color: @light-gray;
        margin-top: .4rem;
        font-size: .8rem;
    }
}
</style>
